<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>荒火教-国风幻想 史诗世界</title>
    <meta name="keywords" content="荒火教,天下3荒火教,荒火教装备,荒火教武器,荒火教坐骑">
    <meta name="description" content="荒火教">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/topNav.css">
    <link rel="stylesheet" href="css/profession/huangHuo.css">
    <link rel="shortcut icon" href="favicon.ico">
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/topNav.js"></script>
</head>
<body>
<!--hh-top start-->
<!--<div class="hh-top">
    <div class="w" style="width: 1000px; height: 55px;">
        <div class="hh-logo"><a href="#"><img src="images/logo_top.png" alt=""></a></div>
        <div class="hh-news"><a href="#"><img src="images/p<link rel="shortcut icon" href="favicon.ico">rofession/hh-news.jpg" alt=""></a></div>
        <div class="hh-menu">
            <a href="#">注册账号</a>
            <a href="#">购卡充值</a>
            <a href="#" class="catalog">网易游戏全目录</a>
            <a href="#">领取网易严选宝箱</a>
        </div>
    </div>
</div>-->
<!--hh-top end-->
<!--wrap start-->
<div id="wrap">
    <div class="wrap-inner">
        <div class="wrap-inner-in">
            <div class="wrap-menu">
                <ul>
                    <li class="txt1"><a href="index.html"></a></li>
                    <li class="txt2"><a href="#"></a></li>
                    <li class="txt3"><a href="#"></a></li>
                    <li class="txt4"><a href="#"></a></li>
                    <li class="txt5"><a href="#"></a></li>
                    <li class="txt6"><a href="#"></a></li>
                </ul>
            </div>
            <div class="wrap-main">
                <div class="wrap-main-inner01">
                    <ul>
                        <li><a href="#" class="aBut aBut01">鬼墨</a></li>
                        <li><a href="#" class="aBut aBut02">龙巫</a></li>
                        <li><a href="#" class="aBut aBut03">冰心堂</a></li>
                        <li><a href="#" class="aBut aBut04">荒火</a></li>
                        <li><a href="#" class="aBut aBut05">太虚</a></li>
                        <li><a href="#" class="aBut aBut06">天机</a></li>
                        <li><a href="#" class="aBut aBut07">翎羽</a></li>
                        <li><a href="#" class="aBut aBut08">弈剑</a></li>
                        <li><a href="#" class="aBut aBut09">魍魉</a></li>
                        <li><a href="#" class="aBut aBut10">云麓</a></li>
                    </ul>
                </div>
            </div>
            <!--reveal start-->
            <div class="profession">
                <div class="equipment-reveal">
                    <div class="equipment-reveal-title">
                        <h2>荒火装备攻略</h2>
                    </div>
                    <div class="equipment-reveal-main" id="mySquery">
                        <div class="equipment-reveal-main-body">
                            <div id="mySquery01" style="height: 205px;position: absolute;">
                                <ul>
                                    <li><a href="#"><img src="images/profession/hh_01.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_02.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_03.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_04_002.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_05.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_06_002.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_07_002.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_08.jpg" alt=""></a></li>
                                </ul>
                            </div>

                        </div>
                        <a href="javascript:;" class="aBut aBut-Left" id="aBut-Left-big"></a>
                        <a href="javascript:;" class="aBut aBut-Right" id="aBut-Right-big"></a>
                    </div>
                </div>

                <!--坐骑、武器-->
                <div class="sit-reveal">
                    <h2>荒火教坐骑</h2>
                    <div class="sit-reveal-body">
                        <img src="images/profession/hh.jpg" alt="">
                    </div>
                </div>

                <div class="weapon-reveal">
                    <div class="weapon-reveal-title">
                        <h2>荒火教武器大全</h2>
                    </div>
                    <div class="weapon-reveal-body" id="armHh">
                        <div class="weapon-reveal-body-main">
                            <div id="armHh01" style="height: 166px;position:absolute;">
                                <ul>
                                    <li><a href="#"><img src="images/profession/hh_01_002.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_02_002.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_03_002.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_04.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_05_002.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_06.jpg" alt=""></a></li>
                                    <li><a href="#"><img src="images/profession/hh_07.jpg" alt=""></a></li>
                                </ul>
                            </div>

                        </div>
                        <a href="javascript:;" class="aBut aBut-Left" id="aBut-Left-small"></a>
                        <a href="javascript:;" class="aBut aBut-Right" id="aBut-Right-small"></a>
                    </div>
                </div>
                <div style="clear: both;"></div>
            </div>

            <!--reveal end-->
            <!--footer start-->
            <div class="profession footer">
                <p>
                    <a href="#">公司简介</a> - <a href="#">客户服务</a> - <a href="#">相关法律</a> - <a href="#">网易游戏</a> - <a
                        href="#">联系我们</a> - <a href="#">商务合作</a> - <a href="#">加入我们</a>
                </p>
                <p>杭州****科技有限公司版权所有 &copy;1997-2017</p>
                <p>由广州**计算机系统有限公司授权杭州****科技有限公司使用</p>
            </div>
            <!--footer end-->
        </div>
    </div>
</div>
<!--wrap end-->
<script src="js/jquery-1.12.2.js"></script>
<script src="js/profession/profession.js"></script>
<script>

    mySqure("#mySquery01", "#aBut-Left-big", "#aBut-Right-big", "#mySquery");
    mySqure("#armHh01", "#aBut-Left-small", "#aBut-Right-small", "#armHh");


</script>
</body>
</html>